<template>
    <div class="delivercontain">
        <el-main><deliveryAppointTable :pageIndex="pageIndex" @uppgAndtotal="uppgAndtotal"/></el-main>
        <el-footer><manageFoot :pageCount="pageCount" :total="total" @updateSizeChange="handleSizeChange"/></el-footer>
    </div>
    
</template>
<script lang="ts">
import { defineComponent,ref} from 'vue'
import deliveryAppointTable from "./deliveryAppointTable.vue";
import manageFoot from "../manageFoot.vue";
export default defineComponent({
    setup() {
        const pageCount = ref("0");
        const total = ref("0");
        const pageIndex = ref("1");
        const uppgAndtotal=(myPagecount:string,mytotal:string)=>{
            pageCount.value = myPagecount;
            total.value = mytotal;
        }
        const handleSizeChange = (val: number)=>{
            pageIndex.value = val.toString()
            console.log("打印出值-》"+ pageIndex.value)
        }
        return {
            pageCount,total,pageIndex,uppgAndtotal,handleSizeChange
        }
    },
    components:{
        deliveryAppointTable,manageFoot
    }
})
</script>

<style lang="less" scoped>

.delivercontain{
    width: 100%;
    height: calc(100% - 60px);
}
</style>